{layout:main}
{this.title=$data.title}
<div class="banner-bg" style="background-image:url({$cat.image});">

</div>
<div class="container">
    <div class="row">
        <div class="col-md-9">
            <div class="path">
                    当前位置: 
                <ul><li><a href="{url:./}">首页</a></li>{location:}
                </ul>
            </div>
            <div id="content">
                <div class="header">
                    <div class="thumb">
                        <img src="{$data.thumb}" alt="{$data.title}">
                    </div>
                    <div class="info">
                        <div class="title">
                            {$data.title}
                        </div>
                        <div class="desc">
                            {$data.description}
                        </div>
                    </div>
                </div>
                <div class="tags">
                    <span>更新时间：{this.time:$data.created_at}</span>
                    <span>当前版本：{$data.version}</span>
                </div>
                <div class="links">
                    {if:$data.win}
                    <a href="{redirect:$data.win}">EXE</a>
                    {/if}
                    {if:$data.linux}
                    <a href="{redirect:$data.linux}">Linux</a>
                    {/if}
                    {if:$data.apk}
                    <a href="{redirect:$data.apk}">安卓</a>
                    {/if}
                    {if:$data.ipa}
                    <a href="{redirect:$data.ipa}">IOS</a>
                    {/if}
                    {if:$data.uwp}
                    <a href="{redirect:$data.uwp}">UWP</a>
                    {/if}
                </div>
                <div class="tab-box">
                    <div class="tab-header">
                        <div class="tab-item active">应用详情</div>
                        <div class="tab-item">使用教程</div>
                    </div>
                    <div class="tab-body">
                        <div class="tab-item active">{$data.content}</div>
                        <div class="tab-item">使用教程</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="panel">
                <div class="panel-header">
                    开发者简介
                </div>
                <div class="panel-body">
                    {markdown:$data.author}
                </div>
            </div>
        </div>
    </div>
</div>